<template>
	<view class="container">
		<u--form>
		  <u-form-item label="箱码" prop="containerCode" labelWidth="120rpx">
		    <u--input
		      placeholder="请扫码箱码"
		      v-model.number="query.containerCode"
		      suffixIcon="scan"
		      suffixIconStyle="font-size: 68rpx"
		      style="flex: 1;"
		    >
		    </u--input>
		  </u-form-item>
		</u--form>
		<uni-table ref="info" border stripe emptyText="暂无数据" style="margin: 10px 0">
			<uni-tr>
				<uni-th width="90">箱号</uni-th>
				<uni-th width="90">数量</uni-th>
				<uni-th width="90">状态</uni-th>
			</uni-tr>
			<uni-tr v-for="(item, index) in list" :key="index" class="td-container">
				<uni-td width="90">XX01</uni-td>
				<uni-td width="90">220</uni-td>
				<uni-td width="90">已扫码</uni-td>
			</uni-tr>
		</uni-table>
		<view class="commonButton">
			<u-button type="primary">扫码确认出库</u-button>
		</view>
	</view>
</template>

<script>
	import {
		uniCard,
		uniTable,
		uniTr,
		uniTd,
		uniTh
	} from '@dcloudio/uni-ui'
	export default {
		components: {
			uniCard,
			uniTable,
			uniTr,
			uniTd,
			uniTh
		},
		data() {
			return {
				query: {
					containerCode: ''
				},
				list: []
			};
		}
	}
</script>

<style lang="scss">

</style>
